<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>

</html>
<script>

    function ajax(time) {
        return new Promise((resolve, reject) => {
            //用定时器模拟一个耗时任务
            setTimeout(() => {
                resolve()
            }, time)

            //也可以在这里发送请求
        })

    }

    // Promise.race([],()=>{})
    //参数一：包裹多个Promise对象的数组
    //参数二：只有在参数一中所有Promise队形都有了确定的结果 才执行的回调函数
    //应用: 同时并发多个请求(ajax)
    Promise.race([ajax(1000), ajax(3000, ajax(5000), ajax(2000))]).then(() => {
        console.log("已经有一个任务完成，但是剩余任务可能还没有完成");
    })
</script>